<template>
	<view class="page" :style="themeColor">
		<view class="flex benben-position-layout flex flex-wrap align-center doTheQuestion_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub doTheQuestion_fd0_0'
				style="background-color: #fff;">
				<view class='flex flex-wrap align-center justify-center doTheQuestion_fd0_0_c0' @tap.stop="isBack">
					<text class='fu-iconfont2  doTheQuestion_fd0_0_c0_c0' style="color: #333;">&#xE794;</text>
				</view>
				<view class='flex flex-wrap align-stretch justify-center'
					style="font-size: 36rpx; color: #333333;font-weight: 500;">
					我的错题
				</view>
				<view class='flex flex-wrap align-center doTheQuestion_fd0_0_c2'>
					<text class='doTheQuestion_fd0_0_c2_c0' style="color: #333333;"
						@tap.stop=" popupShow1686967413689 =true">AI推荐</text>
				</view>
			</view>
		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
		<block>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout doTheQuestion_flex_1">
				<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1'>
					<view class='flex flex-wrap align-center doTheQuestion_fd1_1_c0'>
						<text>第</text>
						<text>{{currentIndex + 1}}</text>
						<text>题</text>
						<view v-if="list.length"
							style="color: #999999;font-size: 28rpx;line-height: 29rpx;margin-left: 24rpx;">
							共{{list.length}}题
						</view>
					</view>
					<view class='flex flex-wrap align-start doTheQuestion_fd1_1_c1'>
						<view class='flex-sub flex'>
							<text class="quest-type">{{item.type_name}} </text>
							<text v-html="item.title"></text>
						</view>
					</view>
					<view class="flex flex-direction align-stretch flex doTheQuestion_fd1_1_c2"
						v-for="(v, k) in item.options_id" :key="k">
						<view class='flex align-center doTheQuestion_fd1_1_c2_c1 imagest' v-if="v.isChange == 1">
							<view class='doTheQuestion_fd1_1_c2_c1_c0'>{{v.id}}</view>
							<view class='doTheQuestion_fd1_1_c2_c1_c0' v-html="v.value"></view>
							{{v.aid}}
						</view>
						<!-- 正确 -->
						<view class='flex align-center doTheQuestion_fd1_1_c2_c0 imagest' v-if="v.isChange == 2">
							<view class='doTheQuestion_fd1_1_c2_c0_c0'>{{v.id}}</view>
							<view class='doTheQuestion_fd1_1_c2_c0_c0_value' v-html="v.value"></view>
							<image class="imagests" src="../../../static/images/success.png" mode=""></image>
						</view>
						<!-- 错误 -->
						<view class='flex align-center doTheQuestion_fd1_1_c2_c2 imagest' v-if="v.isChange == 3">
							<view class='doTheQuestion_fd1_1_c2_c0_c0'>{{v.id}}</view>
							<view class='doTheQuestion_fd1_1_c2_c0_c0_value' v-html="v.value"></view>
							<image class="imagests" src="../../../static/images/file.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<!-- 答案解析 -->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout doTheQuestion_flex_1">
				<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1_c3'
					style="background-color: #fff;">
					<view class='flex flex-direction flex-wrap align-stretch doTheQuestion_fd1_1_c3_c0'>
						<view class='doTheQuestion_fd1_1_c3_c0_c0_c0'>
							<image class="doTheQuestion_fd1_1_c3_c0_c0_c0_img" src="@/static/images/img01.png" mode="">
							</image>
							<text>答案解析</text>
							<image class="doTheQuestion_fd1_1_c3_c0_c0_c0_img" src="@/static/images/img01.png" mode="">
							</image>
						</view>
						<view class='flex flex-wrap align-center err-answer'>
							<image class="img-err" src="../../../static/images/file.png" mode=""></image>
							<text class='doTheQuestion_fd1_1_c4_c0_c1_c0 '>回答错误</text>
						</view>
						<view class='flex flex-wrap align-center doTheQuestion_fd1_1_c4_c0_c1'>
							<text class='doTheQuestion_fd1_1_c4_c0_c1_c0'>正确答案：</text>
							<text
								class='doTheQuestion_fd1_1_c4_c0_c1_c0 doTheQuestion_fd1_1_c4_c0_c1_c0_left'>{{item.correct_option}}</text>
							<text class='doTheQuestion_fd1_1_c4_c0_c1_c0'>您的答案：</text>
							<text
								class='doTheQuestion_fd1_1_c4_c0_c1_c0 doTheQuestion_fd1_1_c4_c0_c1_c0_right'>{{item.you_option}}</text>
						</view>
						<view class='doTheQuestion_fd1_1_c4_c0_c2'>
							<text class="doTheQuestion_fd1_1_c4_c0_c2_1">知识点:</text>
							<view class="doTheQuestion_fd1_1_c4_c0_c2_2">{{item.examkeypoints_title }}</view>

						</view>
						<view class='doTheQuestion_fd1_1_c4_c0_c2'>
							<text class="doTheQuestion_fd1_1_c4_c0_c2_1">答案解析:</text>
							<jyf-parser class='doTheQuestion_fd1_1_c4_c0_c2_3' :html="item.analysis | richTextFormat">
							</jyf-parser>
						</view>
					</view>
				</view>
			</view>
			<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex doTheQuestion_flex_5">
				<view class='flex flex-wrap align-center justify-end benben-flex-layout doTheQuestion_fd5_0'>
					<view class='flex flex-wrap align-center' style="min-width: 62rpx;">
						<view
							style="width: 150rpx;text-align: center;line-height: 64rpx;color: #145EFD; height: 64rpx;border-radius: 66rpx;font-size: 24rpx;background-color: rgba(29,108,235,0.08);border: 1px solid #1D6CEB;"
							@click="removeWrong(item.aid)">移除错题</view>
					</view>
					<view class='flex flex-wrap align-center doTheQuestion_fd5_0_c1' style="min-width: 10rpx;">
					</view>
					<view class='doTheQuestion_fd5_0_c2_x' v-if="currentIndex != 0" @tap.stop="getUp">上一题</view>
					<view class='doTheQuestion_fd5_0_c2_x_a' v-if="currentIndex == 0"></view>

					<view class='doTheQuestion_fd5_0_c2' v-if="currentIndex != list.length-1" @click="getNext">下一题
					</view>

					<view class='flex flex-wrap align-end doTheQuestion_fd5_0_c1'>
						<text class='doTheQuestion_fd5_0_c3_c1'>{{currentIndex + 1}}</text>
						<text class='doTheQuestion_fd5_0_c3_c2'>/</text>
						<text class='doTheQuestion_fd5_0_c3_c3' v-if="list.length">{{list.length}}</text>
					</view>
				</view>

			</view>
		</block>


		<!-- 弹框 -->
		<benben-popup v-model="popupShow1686967413689" :mask="true" mode='center'>
			<image class="doTheQuestion_flex_2_img" src="@/static/images/img02.png" mode=""></image>
			<text class='doTheQuestion_flex_2_cal' @tap.stop="popupShow1686967413689=false">&#10005;</text>
			<view class="flex flex-direction flex-wrap align-center doTheQuestion_flex_2">
				<text class='doTheQuestion_fd2_0'>AI推荐题目</text>

				<text class='doTheQuestion_fd2_1'>
					💪【错题不可怕】错题是进步的阶梯
					。我们一起分析原因，巩固知识，下
					次一定更棒！加油！🌟AI为你推荐了
					练习题目，快去看看吧！</text>
				<view class='flex flex-wrap align-center doTheQuestion_fd2_2'
					style="display: flex; justify-content: space-around; align-items: center;">
					<button class='doTheQuestion_fd2_2_c1' @click="goAi">查看AI推荐题目</button>
				</view>
			</view>
		</benben-popup>

	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				"popupShow1686967413689": false,
				"getQuestionData": '',
				"getQuestionDataes": '',
				"aid": "",
				"type": 1, // 1预习测试  2错题  3课后作业
				"list": [],
				"currentIndex": 0,
				"letter": ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'], // 选项ABC
				"topic_type_one": [], // 单选题
				"topic_type_Two": [], // 判断题
				"topic_type_Three": [], // 多选题
				"topic_type_one_number": 0,
				"topic_type_Two_number": 0,
				"topic_type_Three_number": 0,
				"correct_number": 0, // 正确的数量
				"error_number": 0, // 错误的数量
				"item": {},
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		onLoad(options) {
			let {
				type,
				teaching_id
			} = options
			if (type !== undefined) this.type = type //2错题
			if (teaching_id !== undefined) this.teaching_id = teaching_id

			this.getQuestion();
		},
		methods: {
			goAi() {
				uni.navigateTo({
					url: `/pages/tabBar/AIQuestion/AIQuestion?aid=${this.item.aid}`
				})
				this.popupShow1686967413689 = false
			},
			async removeWrong(examquestions_id) {
				console.log(examquestions_id)
				console.log(this.item.aid)
				
				let dataUserInfo = await this.$api.post(global.apiUrls.post6710c05e56865, {
					examquestions_id:this.item.aid
				})
				if (dataUserInfo.data.code != 1) {
					this.$message.info(dataUserInfo.data.msg);
					return
				}

				//判断是否是最后一个选项
				if (examquestions_id == this.list[this.list.length - 1].aid) {
					this.currentIndex = 0
				}

				let that = this
				that.getQuestion();
			},
			// 获取课程题目列表
			async getQuestion() {
				let url = '';
				let data = {};
				if (this.type == 2) {
					/* 错题 */
					url = global.apiUrls.post6710b94f70d68;
				}

				let res = await this.$api.post(url, data)
				this.getQuestionData = res.data.data[0]?.teachinghomework_id
				this.getQuestionDataes = res.data.data[0]?.teachinghomeworklogs_id
				if (res.data.code == 1) {
					if(res.data.data.length==0){
						this.$message.info(res.data.msg)
						uni.navigateBack()
						return
					}
					res.data.data.map(item=>{
						item.type=item.type=='radio'?1:item.type=='selected'?2:item.type=='torf'?3:item.type=='cloze'?5:item.type=='open'?6:4
					
					})
					
					this.list = res.data.data.filter(item => +item.type !== 4); //过滤掉简答题
					this.list =this.list.filter(item => +item.type !== 6); //过滤掉开放题
					console.log(this.list)
					this.list.forEach((item, index) => {
						if(item.type==5){
							item.options=''
						}
						// 设置标题和选项
						item.title = item.title;
						item.options_id = item.options;

						// 处理 options_id 数组
						
						// if(item.type !=5){
							if (Array.isArray(item.options_id)) {
								console.log(item.options_id)
								item.options_id.forEach((option, i) => {
									console.log(option)
									option.id = this.letter[i]; // 设置 id
								});
							}
						// }
						

						// 根据类型处理正确选项
						const value = item.value || '';
						const wrong_answer = item.wrong_answer || ''

						//多选
						if (item.type == '2') {
							// console.log(value)
							const indexes = value.slice(1, -1).split(','); // 去除首尾括号并分割
							// console.log(indexes)
							if (indexes) {
								item.correct_option = indexes.map(index => this.letter[parseInt(index)]).join(
									''); //正确答案
							} else {
								item.correct_option = ''
							}
						
							//您的答案
							const indexes1 = wrong_answer.slice(1, -1).split(','); // 去除首尾括号并分割
							if (indexes1) {
								item.you_option = indexes1.map(index => this.letter[parseInt(index)]).join(
									'');
							} else {
								item.you_option = ''
							}
							console.log(item.correct_option)
							console.log(item.you_option)
						}
						//单选、判断
						else if (item.type == '1' || item.type == '3') {
							// 正确答案
							if (value) {
								const parsedValue = JSON.parse(value);
								item.correct_option = this.letter[parsedValue];
							} else {
								item.correct_option = ''
							}
							//您的答案
							if (wrong_answer) {
								const indexes1 = JSON.parse(wrong_answer);
								item.you_option = this.letter[indexes1];
							} else {
								item.you_option = ''
							}
							console.log(item.correct_option)
							console.log(item.you_option)
						}else if(item.type==5){
							item.correct_option=JSON.parse(item.value)[0];
							item.you_option = JSON.parse(item.wrong_answer)[0];
						}
					});


					console.log("处理过后的list=>", this.list)


					let answerInfo = [];
					let topic_type_one = [];
					let topic_type_Two = [];
					let topic_type_Three = [];


					this.list.forEach((v, k) => {
						// 初始化基础字段
						Object.assign(v, {
							topic_id: v.aid,
							is_analysis: false,
							right_key: '',
							my_key: '',
							is_Submit: 0,
						});

						// 添加到 answerInfo
						answerInfo.push({
							id: v.topic_id,
							correct_option: '',
							is_correct: 1,
						});

						// 分类到不同的 topic_type 数组
						const topicTypeMap = {
							1: topic_type_one,
							2: topic_type_Two,
							default: topic_type_Three,
						};

						const targetArray = topicTypeMap[v.type] || topicTypeMap.default;
						targetArray.push({
							aid: v.topic_id,
							index: k + 1,
							isChange: 1,
							is_Submit: 0,
						});

						// 更新分类结果
						this.topic_type_one = topic_type_one;
						this.topic_type_Two = topic_type_Two;
						this.topic_type_Three = topic_type_Three;


						// 深拷贝并标记 options_id
						if (Array.isArray(v.options_id)) {
							v.options_id = v.options_id.map(item => {
								//渲染正确的答案
								if (v.correct_option && v.correct_option.includes(item.id)) {
									return {
										...item,
										isChange: 2,
									}
								}
								//选项不在正确的选项里，但是在你的选项里
								else if (!v.correct_option.includes(item.id) && v.you_option && v
									.you_option.includes(
										item.id)) {
									return {
										...item,
										isChange: 3,
									}
								} else {
									return {
										...item,
										isChange: 1,
									}
								}

							});
						}
					});


					this.item = this.list[this.currentIndex];

					this.topic_type_one_number = this.topic_type_one.filter(u => u.is_Submit == 0).length;
					this.topic_type_Two_number = this.topic_type_Two.filter(u => u.is_Submit == 0).length;
					this.topic_type_Three_number = this.topic_type_Three.filter(u => u.is_Submit == 0).length;
					this.answerInfo = answerInfo;

				} else {
					this.$message.info(res.data.msg);
					setTimeout(() => {
						uni.navigateBack();
					}, 800)
				}
			},
			// 上一题
			getUp() {
				this.currentIndex--;
				this.item = this.list[this.currentIndex];
				this.$forceUpdate();
			},
			// 下一题
			getNext() {
				this.currentIndex++;

				this.item = this.list[this.currentIndex];

				this.$forceUpdate();
			},

			isBack() {
				uni.navigateBack();
			},
		}
	};
</script>
<style lang="scss" scoped>
	.multiple_btn {
		width: 466rpx;
		height: 88rpx;
		background: #2A8BEE;
		border-radius: 64rpx;
		line-height: 88rpx;
		text-align: center;
		margin: 40rpx auto 0;
		font-size: 32rpx;
		color: #fff;
	}

	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background-size: 100% auto !important;
	}

	.imagest {
		position: relative;

		.imagests {
			width: 36rpx !important;
			height: 36rpx !important;
			position: absolute;
			right: 18rpx;
			top: calc(30% - 18)rpx;
		}
	}

	.doTheQuestion_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
	}

	.doTheQuestion_fd0_0_c2_c0 {
		color: #333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 88rpx;
	}

	.doTheQuestion_fd0_0_c2 {
		height: 88rpx;
	}

	.doTheQuestion_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: var(--benbenFontColor3);
	}

	.doTheQuestion_fd0_0_c0 {
		width: 50rpx;
		height: 50rpx;
	}

	.doTheQuestion_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.doTheQuestion_flex_1 {
		margin: 24rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.doTheQuestion_fd1_1_c4_c0_c2 {
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		padding: 16rpx 16rpx 0 16rpx;
		margin-top: 16rpx;


		.doTheQuestion_fd1_1_c4_c0_c2_1 {
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
		}

		.doTheQuestion_fd1_1_c4_c0_c2_2 {
			font-weight: 500;
			font-size: 28rpx;
			color: #666;
			line-height: 40rpx;
			margin-top: 16rpx;
		}

		.doTheQuestion_fd1_1_c4_c0_c2_3 {
			margin-top: 16rpx;
		}
	}


	.err-answer {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 34rpx;
		margin-bottom: 32rpx;

		.img-err {
			width: 32rpx;
			height: 32rpx;
			margin-right: 16rpx;
		}
	}

	.doTheQuestion_fd1_1_c4_c0_c1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 34rpx;
	}

	.doTheQuestion_fd1_1_c4_c0_c1_c0_left {
		margin-right: 87rpx;
		color: #145EFD;
	}

	.doTheQuestion_fd1_1_c4_c0_c1_c0_right {
		color: #ED7D42;
	}

	.doTheQuestion_fd1_1_c4_c0_c1 {
		margin: 0;
		background-color: #F8F8FA;
		height: 88rpx;
		line-height: 88rpx;
		padding: 24rpx;
		box-sizing: border-box;
		border-radius: 16rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500 !important;
	}

	.doTheQuestion_fd1_1_c3_c0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 43rpx;
		height: 43rpx;
		display: flex;
		width: 100%;
		justify-content: center;
		margin-bottom: 39rpx;
		align-items: center;

		.doTheQuestion_fd1_1_c3_c0_c0_c0_img {
			margin: 0 16rpx 0;
			height: 32rpx;
			width: 32rpx;
		}
	}

	.doTheQuestion_fd1_1_c3_c0 {
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd1_1_c3 {
		padding: 32rpx 24rpx 32rpx 24rpx;
		margin: 0 0rpx 112rpx 0rpx;
		border-radius: 24rpx;
	}

	.doTheQuestion_fd1_1_c2_c1_c0 {
		margin: 0rpx 0rpx 0rpx 30rpx;
		color: #6E7075;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd1_1_c2_c1 {
		background: #F9F9F9;
		height: 100rpx;
		margin: 10rpx 0rpx 10rpx 0rpx;
		border-radius: 66rpx;
		background-size: 100% auto !important;
	}

	.doTheQuestion_fd1_1_c2_c2 {
		background: rgba(253, 118, 46, 0.1);
		min-height: 100rpx;
		margin: 10rpx 0rpx 10rpx 0rpx;
		border-radius: 66rpx;
		border: 1rpx solid rgba(253, 118, 46, 1);
		color: #333 !important;
		background-size: 100% auto !important;
	}

	.doTheQuestion_fd1_1_c2_c0_c0 {
		margin: 0rpx 0rpx 0rpx 30rpx;
		color: #333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd1_1_c2_c0_c0_value {
		margin: 0rpx 50rpx 0rpx 20rpx;
		color: #333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd1_1_c2_c0 {
		background: rgba(29, 108, 235, 0.1);
		min-height: 100rpx;
		margin: 10rpx 0rpx 10rpx 0rpx;
		border-radius: 66rpx;
		border: 1rpx solid rgba(29, 108, 235, 1);
		background-size: 100% auto !important;
	}

	::v-deep .doTheQuestion_fd1_1_c2 {
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.doTheQuestion_fd1_1_c1_c0 {
		width: 72rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin-right: 16rpx;
	}

	.doTheQuestion_fd1_1_c1 {
		padding: 0rpx 34rpx 0rpx 32rpx;
		margin-bottom: 32rpx;

		.quest-type {
			background: rgba(20, 94, 253, 0.1);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			padding: 2rpx 8rpx;
			font-size: 24rpx;
			color: #145EFD;
			margin-right: 16rpx;
			display: inline-block;
		}
	}

	.doTheQuestion_fd1_1_c0_c0 {
		background: rgba(61, 155, 255, 0.39);
		width: 6rpx;
		height: 32rpx;
	}

	.doTheQuestion_fd1_1_c0 {
		padding: 32rpx 32rpx 32rpx 32rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-weight: 500;
		font-size: 28rpx;
	}

	.doTheQuestion_fd1_1 {
		background: rgba(255, 255, 255, 1);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		box-shadow: 0rpx 8rpx 16rpx rgba(0, 0, 0, 0.1);
		padding: 0rpx 0rpx 42rpx 0rpx;
	}

	.doTheQuestion_fd1_0_c2_c2 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.doTheQuestion_fd1_0_c2 {
		background: transparent;
	}

	.doTheQuestion_fd1_0_c1 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
		margin: 0rpx 10rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd1_0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.doTheQuestion_flex_2_img {
		width: 140rpx;
		height: 150rpx;
		position: relative;
		left: 230rpx;
		top: 90rpx;
	}

	.doTheQuestion_flex_2_cal {
		position: relative;
		left: 390rpx;
		top: 80rpx;
		font-size: 35rpx;
		color: rgba(153, 153, 153, 1);
	}

	.doTheQuestion_flex_2 {
		width: 600rpx;
		height: 564rpx;
		background: linear-gradient(180deg, #CEE0FF 0%, #FFFFFF 33%, #FFFFFF 100%);
		border-radius: 25rpx 25rpx 25rpx 25rpx;


	}

	.doTheQuestion_fd2_2_c1 {
		width: 400rpx;
		height: 88rpx;
		background: #134DDF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 88rpx;

	}

	.doTheQuestion_fd2_2_c0 {
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		padding: 0rpx 103rpx 0rpx 103rpx;
	}

	.doTheQuestion_fd2_2 {
		margin: 38rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd2_1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.doTheQuestion_fd2_0 {
		height: 50rpx;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 50rpx;
		color: #333333;
		margin: 101rpx 0rpx 40rpx 0rpx;
	}

	.doTheQuestion_flex_3 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		padding: 12rpx 0rpx 32rpx 0rpx;
	}

	.doTheQuestion_fd3_2 {
		padding: 0rpx 32rpx 0rpx 032rpx;
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.doTheQuestion_fd3_1_c1_c2_c0 {
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.doTheQuestion_fd3_1_c1_c2 {
		border: 1px solid #EEEEEE;
		margin: 20rpx 0rpx 0rpx 0rpx;
		width: 72rpx;
		height: 72rpx;
		border-radius: 36rpx;
		margin: 0 20rpx 16rpx 0;
	}

	.doTheQuestion_fd3_1_c1_c1_c0 {
		color: #2a8bee;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.doTheQuestion_fd3_1_c1_c1 {
		border: 1px solid rgba(231, 84, 83, 0.3216);
		background: rgba(226, 83, 81, 0.03);
		margin: 20rpx 0rpx 0rpx 0rpx;
		width: 72rpx;
		height: 72rpx;
		border-radius: 36rpx;
		margin: 0 20rpx 16rpx 0;
	}

	.doTheQuestion_fd3_1_c1_c0_c0 {
		color: #2A8BEE;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}


	.doTheQuestion_fd3_1 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}


	.doTheQuestion_flex_5 {
		background: var(--benbenbgColor1);
		width: 750rpx;
		height: 104rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto !important;
	}

	.doTheQuestion_fd5_0_c3_c3 {
		color: #ACB3B9;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 43rpx;
	}

	.doTheQuestion_fd5_0_c3_c2 {
		color: #ACB3B9;
		font-size: 40rpx;
		font-weight: 400;
		line-height: 56rpx;
	}

	.doTheQuestion_fd5_0_c3_c1 {
		color: rgba(102, 102, 102, 1);
		font-size: 40rpx;
		font-weight: 400;
		line-height: 56rpx;
	}

	.doTheQuestion_fd5_0_c2_x {
		border-radius: 64rpx 64rpx 64rpx 64rpx;
		font-size: 24rpx;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 32rpx;
		text-align: center;
		line-height: 66rpx;
		background: #2a8bee;
		color: #fff;
	}

	.doTheQuestion_fd5_0_c2_x_a {
		border-radius: 64rpx 64rpx 64rpx 64rpx;
		font-size: 24rpx;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
		text-align: center;
		line-height: 66rpx;
	}

	.doTheQuestion_fd5_0_c2 {
		background: #2a8bee;
		border-radius: 64rpx 64rpx 64rpx 64rpx;
		font-size: 24rpx;
		color: #fff;
		width: 160rpx;
		height: 64rpx;
		margin: 0rpx 0rpx 0rpx 30rpx;
		text-align: center;
		line-height: 66rpx;
	}

	.doTheQuestion_fd5_0_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.doTheQuestion_fd5_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		height: 108rpx;
	}
</style>